<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>resume</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css"/>
</head>
<body>

    <div id="loading">loading</div>
    <div class="swiper-container"  style="height:100%">
        <div class="swiper-wrapper"  style="height:100%">
            <div class="swiper-slide"  style="height:100%">  
                <p class="ani ani1" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" >
                   <img src="images/jianli0.png" alt="">
                </p>
            </div>
            <div class="swiper-slide"  style="height:100%">
                    <p class="ani ani2" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" >
                           <img src="images/jianli1.png" alt="">

                    </p>
            </div>
            <div class="swiper-slide" style="height:100%">
                <div style="width:100%;height:100%;line-height:50px">
                    <div style="margin-top:200px">Name:夏正杰</div>
                    <div>Apply： Web Software Engineer</div>
                    <div>Phone:15888063668</div>
                    <button id="enter"  >进入</button>
                </div>
            </div>
        </div>
    </div>
    <div id="mainContainer">
        <div id="header">
              <button id="btn1">扫描</button>
              <!--<div id="bcid"></div>-->
              <!--<div id="clos">关闭</div>-->

             resume
             <button id="btn2">照片</button>  

             

         </div>

        <div id="wrapper">
            <div id="scroller" class="tab">
                <ul></ul>
            </div>
            <div id="project" class="tab" >
                <ul>
                    <li>
                        <img src="images/0.jpg" alt="">
                        <ul>
                            <li></li>
                        </ul>
                    </li>
                </ul>
                   
            </div>
            <div id="experience" class="tab" style="overflow: auto;">
                <ul>
                    <li>
                        <div></div>
                    </li>    
                </ul>
                   
            </div>
            <div id="me" class="tab" style="overflow: auto;">
                
                    <div id="wodebox"><!--这个盒子是不靠近边缘的盒子-->
                        <div id="wodetou">
                            <div id="wodeimg">
                                <img id="wodeimgimg" src="images/touxiang.jpg">
                            </div>
                            <h3 id="wodename">夏 正杰</h3>
                            <p id="wodeage">May 8,1991</p>
                        </div>
                        <img id="schoolimg" src="images/psb.jpg">
                        <p id="wodegeyan">Behind every beautiful thing, there's some kind of pain</p>
                    </div>
                    
                        
                
                   
            </div>


        </div>

        <div id="footer">
            <ul>
                <li><a href="##"><i class="iconfont icon-jineng" style="font-size: 18px;"></i><span>技能</span></a></li>
                <li><a href="##"><i class="iconfont icon-4" style="font-size: 18px;"></i><span>项目</span></a></li>
                
                <li><a href="##"><i class="iconfont icon-xiangmujingli" style="font-size: 18px;"></i><span>经历</span></a></li>
                <li><a href="##"><i class="iconfont icon-iconwohover" style="font-size: 18px;"></i><span>我</span></a></li>
            </ul>
        </div>
    </div>

    <script src="js/index.js"></script>

</body>
</html>